<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"></meta>

<title>个人中心</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
 
<script type="text/javascript" src="js/jquery-3.5.0.js"></script>
	<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="/user/layer/layer.js"></script>
	<script src="//unpkg.com/element-ui@2.13.2/lib/index.js"></script>

	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=B0N7sNh1CriFnUEaqC8VXstshDLGkDxz"></script>
	<script type="text/javascript">
axios.interceptors.response.use(function (response) {
	console.log(response);
	console.log(response.headers);
	console.info("状态码："+response.data.code);
	if (response.data.code===500){
		window.location.href="/error/500.html";
	}

	return response;
}, function (error) {
	return Promise.reject(error);
});
</script>
<script type="text/javascript">
	$(function(){
		$("#main").load("main.html");
		$(".menu").click(function(e){
			$("#main").load($(this).attr("href"));
			e.preventDefault();
		});
	});
</script>
<script id="navTpl" type="text/html">
	<li><a href="">首页</a></li>
     {{each data as category}}
		<li><a href="../goods?opr=list&categoryid={{category.id}}">{{category.name}}</a></li>
     {{/each}}
</script>
<script id="loginfoTpl" type="text/html">
	{{user.account}}！您好，欢迎您来到购物！[<a href="../user?opr=logout" class="reg">安全退出</a>]
</script>
	<style>
		@import url("//unpkg.com/element-ui@2.13.2/lib/theme-chalk/index.css");
		.avatar-uploader .el-upload {
			border: 1px dashed #d9d9d9;
			border-radius: 6px;
			cursor: pointer;
			position: relative;
			overflow: hidden;
		}
		.avatar-uploader .el-upload:hover {
			border-color: #409EFF;
		}
		.avatar-uploader-icon {
			font-size: 28px;
			color: #8c939d;
			width: 178px;
			height: 178px;
			line-height: 178px;
			text-align: center;
		}
		.avatar {
			width: 178px;
			height: 178px;
			display: block;
		}
		table{
        text-align: center;
        }
		

	</style>
</head>
<body class="index">
	<div class="ucenter container">
		<div class="header">
			<ul class="shortcut">
				<li class="first"><a href="../usercenter/index.html">个人中心</a></li>
				<li class="first"><a href="../index.html">首页</a></li>
				<li><a href="javascript:$('#main').load('order_list.html');">我的订单</a></li>
				<li><a href="javascript:$('#main').load('dynamic.html');">朋友圈</a></li>
			</ul>
			<p class="loginfo" id="loginfo">
				
			</p>
		</div>
		<div class="searchbar">
		</div>
		<div class="wrapper clearfix">
			<div class="sidebar f_l">
				<img src="css/images/ucenter/ucenter.gif" width="180"
					height="40" />
				<div class="box">
					<div class="title">
						<h2>交易记录</h2>
					</div>
					<div class="cont">
						<ul class="list">
							<li><a href="order_list.html" class="menu">我的订单</a></li>
						</ul>
					</div>
				</div>
				<div class="box">
					<div class="title">
						<h2 class='bg5'>个人设置</h2>
					</div>
					<div class="cont">
						<ul class="list">
							<li><a href="address_list.html" class="menu">地址管理</a></li>
						</ul>
						<ul class="list">
							<li><a href="user_avatar.html" class="menu">修改头像</a></li>
						</ul>
						<ul class="list">
							<li><a href="user_qq.html" class="menu">绑定QQ</a></li>
						</ul>
						<ul class="list">
							<li><a href="user_nickname.html" class="menu">设置昵称</a></li>
						</ul>
						<ul class="list">
							<li><a href="user_money.html" class="menu">充值金额</a></li>
						</ul>
						<ul class="list">
							<li><a href="user_phone.html" class="menu">绑定手机号</a></li>
						</ul>
						<ul class="list">
							<li><a href="password_update.html" class="menu">重置密码</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="main f_r" id="main">
			</div>
		</div>
	</div>
</body>
</html>
